<div class="container" ng-controller="RegisterCtrl">
    <div class="well">
        <form id="signup" class="form-horizontal" ng-submit="register()">
            <legend>Register</legend>
            <div class="alert alert-error" ng-show="error">Username or email is already in use.</div>
            <div class="control-group">
                <label label-default="label-default" class="control-label label-default">Username</label>
                <div class="controls">
                    <div class="input-group"> <span class="input-group-addon">

                            <i class="glyphicon glyphicon-user"></i>

                        </span>
                        <input type="text" class="form-control"
                        id="username" name="username" placeholder="Username" required="required"
                        ng-model="username" />
                    </div>
                </div>
            </div>
            <div class="control-group">
                <label label-default="label-default" class="control-label label-default">Email</label>
                <div class="controls">
                    <div class="input-group"> <span class="input-group-addon">

                            <i class="glyphicon glyphicon-envelope"></i>

                        </span>
                        <input type="text" class="form-control"
                        id="email" name="email" placeholder="Email" required="required" ng-model="email"
                        />
                    </div>
                </div>
            </div>
            <div class="control-group">
                <label label-default="label-default" class="control-label label-default">Password</label>
                <div class="controls">
                    <div class="input-group"> <span class="input-group-addon">

                            <i class="glyphicon glyphicon-lock"></i>

                        </span>
                        <input type="Password" id="password" class="form-control"
                        name="password" placeholder="Password" required="required" ng-model="password"
                        />
                    </div>
                </div>
            </div>
            <div class="control-group">
                <label label-default="label-default" class="control-label label-default">Confirm Password</label>
                <div class="controls">
                    <div class="input-group"> <span class="input-group-addon">

                            <i class="glyphicon glyphicon-lock"></i>

                        </span>
                        <input type="Password" id="conpassword"
                        class="form-control" name="conpassword" placeholder="Re-enter Password"
                        required="required" ng-model="password_confirm" />
                    </div>
                </div>
            </div>
            <div class="control-group">
                <label label-default="label-default" class="control-label label-default"></label>
                <div class="controls">
                    <button id="register_submit" type="submit" class="btn btn-success">Register</button>
                </div>
            </div>
        </form>
    </div>
</div>